*{margin: 0; padding: 0;}
li{list-style: none;}
.PxToRem(@name,@px){
    @{name} : @px / 75 * 1rem;
}
header{
    dl{position: fixed;
    display: flex;
    .PxToRem(top,47);
    .PxToRem(left,20);
    dt{.PxToRem(padding,18);}
    dd{.PxToRem(margin-top,45);}
    
    }
}
.article{background: #f0f0f0; 
.PxToRem(height,22);} 

.main{
    dl{  .PxToRem(padding,25);
         .PxToRem(height,25);
         display: flex;
         align-items:center;
         border-bottom: 1px solid #CCCCCC;
         dd{.PxToRem(font-size,21);
            span:nth-child(2){.PxToRem(padding-left,347);color:#999999}
         };
         dt{
             img{ .PxToRem(padding,25);}
         }
       
    }
    
}
.article1{background: #f0f0f0; 
.PxToRem(height,313);} 

footer{
    .PxToRem(height,90);
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    dl{
        dd{.PxToRem(margin-top,6);
            
        }
    }
}










